
/* 个人资料的样式文件 */
/* 将common.less引入到首页 @import"文件名" */
@import "common";
/* 引入导航栏工具 */ 
@import "navTool";
/* body部分 */
.body_box {
    //background-color: pink;
    .box_in {
        .center_VH {
            flex-direction: column;
        }
        .heard_box {
            //margin-bottom: (24rem / @basefont);
            box-sizing: border-box;
            width: (750rem / @basefont);
            height: (313rem / @basefont);
            background-color: #fff;
            .heard {
                border-radius: 50%;
                height: (132rem / @basefont);
                width: (132rem / @basefont);
                //background-color: #dfe0e2;
                overflow: hidden;
                .heard_in {
                    //position: relative;
                    height: 100%;
                    width: 100%;
                    img {
                        height: 100%;
                        width: 100%;
                    }
                }
            }
            .user_name {
                margin-top: (24rem / @basefont);
                text-align: center;
                width: 100%;
                font-size: (30rem / @basefont);
                color: #666;
            }
        }
        /* 表格部分 */
        .table_box {
            padding: (9.6rem / @basefont) (55.2rem / @basefont);
            box-sizing: border-box;
            height: 100%;
            background-color: #fff;
            form {
                ul {
                    position: relative;
                    div {
                        position: relative;
                        padding: 0 (36rem / @basefont) 0 (151.2rem / @basefont);
                        border-bottom: (1.25rem / @basefont) solid #eee;
                        box-sizing: border-box;
                        width: 100%;
                        height: (108rem / @basefont);
                        font-size: (30rem / @basefont);
                        /* background-color: skyblue; */
                        p {
                            position: absolute;
                            left: 0;
                            color: #333;
                        }
                        input {
                            width: 100%;
                            height: 100%;
                            border: 0;
                            border-radius: 0;
                            font-size: (30rem / @basefont);
                            color: #333;
                        }
                    }
                    .user_phone {
                        span {
                            border-right: 0.025rem solid #eee;
                            width: 40%;
                            //background-color: pink;
                        }
                        input {
                            position: absolute;
                            right: 0;
                            width: 40%;
                            //background-color: rgba(6,193,174,1);
                        }
                    }
                    .countyCity {
                        //display: none;
                        position: absolute;
                        bottom: (1rem / @basefont);
                        font-size: (30rem / @basefont);
                        color: rgb(51, 51, 51);
                        outline: none;
                        border: none;
                        width: 55%;
                        option {
                            font-size: (30rem / @basefont);
                            color: rgb(51, 51, 51);
                        }
                    }
                }
                .btn {
                    margin: (60rem / @basefont) 0 (36rem / @basefont) 0;
                    width: 100%;
                    height: (96rem / @basefont);
                    border-radius: (5rem / @basefont);
                    background-color: rgba(6,193,174,1);
                    font-size: (35rem / @basefont);
                    color: #fff;
                    border: 0;
                }
            }
        }
    }

}